<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>css的特性</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>

   <style>
       .one{
           color: aqua;
       }
     p{
         color: tomato !important;
     }

     #div1{
				 color: yellowgreen;
			}

   </style>


</head>
<body>
        <!--
            
            这个是按照优先级来处理来着
            默认样式<标签选择器<类选择器<id选择器<行内样式<!important 
             0         1          10       100       1000    1000以上
        -->
    <p class="one" id="div1" style="color:blue">文字一</p>

    

</html>